
<div class="container main_menu">
	<h2>หมวดหมู่หลัก</h2>
	<ul >
		<li class="home"><a href="<?php base_url();?>">หน้าแรก</a></li>
	</ul>
	<?php
		echo Util::buildCategoriesListLimit(0,$categories);
	?>
</div>


<script type="text/javascript">
  //$('.main_menu ul li div.image-list').click(function () {
  $('.main_menu ul li').hover(
    function () {
      $(this).children('a.external').children('img').show();
    },
    function (){
      $(this).children('a.external').children('img').hide();
    }
  );
  $('.main_menu ul li a.toggle').click(function () {
    var count = $(this).parent().children('ul').length;
    if(count > 0){
      $(this).parent().children('ul').toggle(200);
      $(this).parent().children('ul').toggleClass("active");
      $(this).parent().children('div.image-list').toggleClass("rotate");
    }
    return false;
  });
  $('ul.sub-menu').each(function (item) {
    if(!$(this).hasClass('active')){
      $(this).toggle(200);
    }else{
      $(this).parent().find('div.image-list:first').addClass("rotate");
    }
  });
</script>
